<!DOCTYPE html>

<html>
	<head>
		<title>Cube Framework - Default layout</title>
		
		<style type="text/css">
			html, body {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				background-color: #eee;
				margin: 0;
			}
			
			#wrapper {
				width: 980px;
				margin: 0 auto;
			}
			
			#container { 
				float: left; 
				background-color: #fff; 
				width: 100%; 
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
			}
			
			#header {
				padding: 20px;
				background-color: #3DACE3;
				color: #fff;
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
			}
			
			#content {
				clear: both;
				margin: 10px 0 0 0;
			}
			
			#content h1 { margin: 0; padding: 0;}

      		#container #content #left-side { float: left; width: 180px; padding: 10px; }
      		#container #content #inner-content { float: left; width: 560px; padding: 10px; }
      		#container #content #right-side { float: left; width: 180px; padding: 10px;}
      		
      		#footer { margin: 10px 0 0 0; clear: both; float: left; text-align: center; width: 100%; font-size: 12px; color: #888;}
		</style>
	</head>
	<body>
		<div id="wrapper">
			
			<div id="container">

				<div id="header">
					<h1>Website</h1>
				</div>

				<div id="content">
					
					<div id="left-side">
						<?php $this->render('menu.phtml'); ?>
					</div>
					
					<div id="inner-content">
						<?php $this->renderView(); ?>
					</div>
					<?php
					$this->name = 123;
					?>
					<div id="right-side">
						<?php $this->render('advertisement.phtml'); ?>
					</div>
				</div>

			</div>
			
			<div id="footer">
				&copy; 2012 Cube Framework. All rights reserved.
			</div>

		</div>
	</body>
</html>